<?php
$this->headLink()->appendStylesheet($this->js('css/tablesorter/default.css'))
->appendStylesheet($this->js('css/jquery.alerts.css'));
$this->headScript()->appendFile($this->js('jquery-ui/ui/jquery.ui.datepicker.js'))
->appendFile($this->js('plugins/jquery.tablesorter.js'))
->appendFile($this->js('plugins/jquery.form.js'))
->appendFile($this->js('plugins/jquery.alerts.js'));
?>
<script>
$(function(){
	$("#yearSemester,#move_kind").change(getData);
});

function getData(){
    $.get('<?php echo $this->route("get-report")?>',{
        yearSemester: $("#yearSemester").val(),
        move_kind : $("#move_kind").val()
           },
        function(data){
                $("#report-form").html(data).show();
                $("#curr_yearSemester").html($("#yearSemester option:selected").text());
       });
 }

</script>
<style>
.trover {background-color: #ffccCC;}
.trclick {background-color: #DDffCC;}
</style>
<div class="ui-widget">
<form method="post" action="">
<select id="yearSemester" name="yearSemester">
<?php echo $this->yearSemesterOptions($this->Semester['yearSeme'], array('order'=>'year DESC'))?>
</select>
<select id="move_kind" name="move_kind">
<option value=""><?php echo $this->translate('select ..')?></option>
<?php foreach($this->reportArr as $val):?>
<option value="<?php echo $val?>"><?php echo $this->arrayData['study_cond'][$val]?></option>
<?php endforeach?>
</select>
</form>
<div id="report-form" class="ui-corner-all" style="display:none;border:solid thin #ccc;padding:5px;margin:5px"></div>
</div>
